*{
			font-family: "微软雅黑";
			}
		.in-warp{
			float: left;
			width: 100%;
			margin-top: -65%;
		}
		.in-warp h1{
			padding-bottom: 20px;
			text-align: center;
			font-size: 30px;
			font-weight: 700;
			font-style: italic;
		}
		.in-warp span{
			display: block;
			font-size: 22px;
			text-align: center;
			font-family: "微软雅黑";
			color: white;
		}
		.h-content{
			padding-top: 50%;
			width: 50%;
			padding-left: 25%;
			padding-right: 25%;
			background: url('http://photo.ganshi123.cn/mainimage1.jpg');
			background-size:100% 100% ;
		}
		
		/*面板控制*/
		
		.spread2{
			float: right;
			margin-right: 20px;
			width: 50px;
			height: 50px;
			display: none;
		}
		.aboutus{
			opacity: 0;
			overflow: auto;
			margin-top: 0px;
			width: 100%;
			padding: 40px 0;
		}
		.aboutus>h1,.product>h1{
			font-family:"arial, helvetica, sans-serif";
			font-size: 35px;
			height: 40px;
			line-height: 40px;
			width: 100%;
			text-align: center;
		}
		.aboutus>span,.product>span{
			display: block;
			width: 400px;
			margin: 10px auto;
			font-size: 15px;
			line-height: 18px;
			text-align: center;
			color:rgba(150,150,150,1) ;
		}
		.aboutus ul{
			
			overflow: auto;
			margin-top: 30px;
			width: 100%;
		}
		.aboutus li{
			padding: 10px 30px;
			box-sizing: border-box;
			float: left;
			width: 23%;
			height: auto;
			overflow: auto;
			
		}
		.aboutus li:first-child{
			margin-left: 4%;
			}
		.aboutus li h1{
			position: relative;
			color: white;
			font-size: 25px;
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: left;
		}
		.aboutus li h1 p{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 25px;
			font-size: 25px;
			line-height: 25px;
			color: black;
			text-indent: 30px;
		}	
		.aboutus li span{
			color: rgba(150,150,150,1);
			margin-top: 10px;
			display: block;
			font-size: 20px;
			line-height: 30px;
			width: 100%;
		}
		.product>ul li{
			font-size: 20px;
			background: black;
			color: white;
			border-radius:5px ;
			cursor: pointer;
			width: 23%;
			line-height: 40px;
			height: 40px;
			float: left;
			text-align: center;
		}
		.product>ul li:first-child{
			margin-left: 4%;
		}	
		.product>ul li:hover{
			background: rgba(16,95,240,0.7);
		}	
		.product{
			background-size:100% 100% ;
			padding: 40px 0;
			opacity: 0;
			margin-top: 100px;
		}	
		.product>ul{
			padding: 50px 0;
			overflow: auto;
		}
		.c-content{
			position: relative;
			width: 100%;
			height: auto;
		}
		.c-c-warp{
			display: none;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: auto;
		}
		.c-content .c-image{
			float: left;
			width: 50%;
			padding-top: 30%;
			background-size:100% 100% ;
		}
		.c-content .c-c-des{
			box-sizing: border-box;
			padding-right: 10%;
			float: left;
			width: 50%;
			height: 100%;
		}
		.c-content h1{
			margin-top: 50px;
			text-align: center;
			width: 100%;
			height: 30px;
			line-height: 30px;
			font-size: 25px;
		}
		.c-content span{
			color: rgb(150,150,150);
			margin-top: 50px;
			text-align: center;
			display: block;
			width: 100%;
			height: auto;
		}
		.c-content span>ul li{
			text-align: left;
			list-style: disc;
			width: 80%;
			margin-top: 15px;
			margin-left: 20%;
		}	
		.c-content a{
			color: white;
			text-align: center;
			width: 100px;
			height: 30px;
			line-height: 30px;
			border-radius:7px ;
			margin: 20px auto 0;
			background: rgba(16,95,240,0.7);
			display: block;
		}
			
			/*页面底部文字轮播*/
		.mainproduct{
			opacity: 0;
			width: 70%;
			height: 300px;
			margin: auto;
			margin-top: 100px;
			}	
		.mainproduct img{
			cursor: pointer;
			width: 15%;
			height: 100%;
			float: left;
		}
		.mainproduct>div{
			overflow: hidden;
			text-align: center;
			width: 70%;
			height: 100%;
			float: left;
			}
		.mainproduct h1{
			font-size: 28px;
			font-weight: 700;
			width: 100%;
			height: 20%;
			text-align: center;
			}
		.mainproduct p{
			color: rgb(150,150,150);
			line-height: 30px;
			font-size: 20px;
			width: 100%;
			height: 70%;
			text-align: center;	
		}		
		.b-content{
			transition: 1s;
			width: 400%;
			height: 100%;
		}	
		.b-content ul{
			width: 100%;
			height: 100%;
		}
		.b-content li{
			box-sizing: border-box;
			padding: 20px;
			padding-top: 50px;
			width: 25%;
			height: 100%;
			float: left;
		}
		.middlecontent{
			box-sizing: border-box;
			width: 1040px;
			margin: 100px auto 0;
			overflow: auto;
		}	
		.middle-right{
			width: 500px;
			height: 500px;
			float: left;
			margin-left: 40px;
			background: url(/img/productright.jpg);
			background-size:100% 100% ;
			}
		.middle-left{
			width: 500px;
			height: 500px;
			float: left;
			background: rgb(81,195,251);
		}
		.middle-left h1{
			font-weight: 700;
			color: white;
			margin-top: 90px;
			text-align: left;
			text-indent: 20px;
			width: 100%;
			font-size: 50px;
		}
		.middle-left span{
			display: block;
			width: 100%;
			box-sizing: border-box;
			line-height: 35px;
			padding:20px 20px;
			color: white;
			font-size: 23px;
		}	
		.middle-left span i{
			color: black;
			font-size: 23px;	
			font-weight: 700;
			}	
		@media only screen and (max-width: 1040px) {
		.middlecontent{
			box-sizing: border-box;
			width: 500px;
			margin: 100px auto 0;
			overflow: auto;
		}	
		.middle-right{
			width: 400px;
			height: 400px;
			margin:20px 80px 0 20px;
		}
			.aboutus li{
			padding: 10px 30px;
			box-sizing: border-box;
			float: left;
			width: 100%;
			height: auto;
			overflow: auto;
			
		}
		.aboutus li:first-child{
			margin-left: 0;
			}
		.aboutus li h1{
			position: relative;
			color: white;
			font-size: 25px;
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: left;
		}
		.aboutus li h1 p{
			text-align: center;
			}
		.aboutus li span{
			color: rgba(150,150,150,1);
			margin-top: 10px;
			display: block;
			font-size: 15px;
			line-height: 20px;
			width: 100%;
			text-align: center;
		}
		.in-warp span{
			font-size: 15px;
		}
		@media only screen and (min-width: 100px) and (max-width: 700px) {
		.mainproduct{
			opacity: 0;
			width: 100%;
			height: 200px;
			margin: auto;
			margin-top: 100px;
			}
		.mainproduct h1{
			width: 100%;
			height: 20%;
			font-size: 15px;
			text-align: center;
			}
		.mainproduct p{
			line-height: 14px;
			font-size: 12px;
			width: 100%;
			height: 80%;
			text-align: center;	
		}		
		.b-content li{
			box-sizing: border-box;
			padding: 5px;
			padding-top: 30px;
			width: 25%;
			height: 100%;
			float: left;
		}	
		.product>ul li{
			cursor: pointer;
			width: 100%;
			height: 30px;
			line-height: 30px;
			float: left;
			text-align: center;
		}
		.product>ul li:first-child{
			margin-left: 0;
		}
		.aboutus>h1,.product>h1{
			font-size: 30px;
			height: 30px;
			line-height: 30px;
			width: 100%;
			text-align: center;
		}
		.aboutus>span,.product>span{
			text-align: center;
			display: block;
			width: 200px;
			margin: 10px auto;
			font-size: 10px;
		}
		.product>ul{
			padding: 50px 0;
			overflow: auto;
			display: none;
		}
		.c-content .c-image{
			float: left;
			width: 100%;
			padding-top: 50%;
			background-size:100% 100% ;
		}
		.c-content .c-c-des{
			box-sizing: border-box;
			float: left;
			width: 100%;
			height: 100%;
			padding: 0 30px;
		}
		.c-content h1{
			margin-top: 50px;
			text-align: center;
			width: 100%;
			height: 30px;
			line-height: 30px;
			font-size: 25px;
		}
		.c-content span{
			margin-top: 50px;
			text-align: center;
			display: block;
			width: 100%;
			height: auto;
		}
		.c-content a{
			text-align: center;
			width: 100%;
			margin-top: 10px;
			display: block;
		}
		.c-content{
			position: relative;
			margin-top: 50px;
			width: 100%;
			height: auto;
			min-height: 650px;
		}
			.spread2{
			float: right;
			margin-right: 20px;
			width: 30px;
			height: 30px;
			display: block;
		}
		}
		@media only screen and (min-width: 100px)  and (max-width: 500px) {
		.middlecontent{
			box-sizing: border-box;
			width: 300px;
			margin: 50px auto 0;
			overflow: auto;
		}	
		.middle-right{
			width: 250px;
			height: 250px;
			margin:20px 40px 0 10px;
		}
		.middle-left{
			width: 300px;
			height: auto;
			float: left;
		}	
		.content{
			margin-top: 50%;
		}
		.h-content{
			padding-top: 50%;
			width: 100%;
			padding-left: 0;
			padding-right: 0;
		}
		.in-warp{
			margin-left: 10%;
			width: 80%;
			margin-top: 10%;
			padding-bottom: 30px;
		}
		.in-warp h1{
			text-align: center;
			font-size: 20px;
		}
		.in-warp span{
			color: black;
			font-size: 10px;
		}
		.aboutus>h1,.product>h1{
			font-size: 30px;
			height: 40px;
			line-height: 40px;
			width: 100%;
			text-align: center;
		}
		.c-content{
			position: relative;
			margin-top: 50px;
			width: 100%;
			height: auto;
			min-height: 550px;
		}
		.c-content span{
			margin-top: 50px;
			text-align: center;
			display: block;
			width: 100%;
			height: auto;
		}
		}